@media (max-width: 1260px) {
    body {

        zoom: 80%;
        
    }
    .gotopbtn{

        transform: scale(0.8);  
        transform-origin: top left;
        position: fixed;
        width: 125%;
    }

    /* NAVIGATION TEXT FIXES ONLY */
    .title h1 {
        font-size: 1.8rem !important; /* Bigger company name */
    }
    
    .title2-card {
        font-size: 1.4rem !important; /* Better readable nav links */
    }

    /* LOGO ADJUSTMENT */
    .logo img {
        width: 65px !important; /* Bigger logo */
    }

    /* Hero Section - Adjust positioning for scaling */
    .webpage-img {
        width: 500px;
        left: 50px;
    }

    .navigation2--01{
        margin-top: 25px;
    }
    
    .navigation2--02 {
        width: 550px;
        margin-left: 0px;
        right: 20px;
        left: 50px;

        padding-right: 20px;;
        
    
        
    }

    .nav2-topic{
        margin-top: 5px;
    }
    
    
    
    /* Grid adjustments */
    .features-grid {
        gap: 20px;
        max-width: 95%;
    }
    
    .why-grid {
        gap: 25px;
        max-width: 100%;
    }
    
    /* Responsive Demo - Adjust for scaling */
    
    .mob-inner h4{
        position: relative;
        top: 40px;
    }
    

    .desk-inner h4{
        position: relative;
        bottom: 80px;
    }

    
    
    /* Contact Form */
    .container {
        width: 100%;
        margin: 50px auto;
    }
    
    /* Fix any overflow issues */
    html {
        overflow-x: hidden;
    }

}

@media (max-width: 790px) {
    body {

        zoom: 60%;
        
    }
    .gotopbtn{
        display: inline-block;

        transform: scale(0.8);  
        transform-origin: top left;
        position: fixed;
        width: 125%;
    }

    /* NAVIGATION TEXT FIXES ONLY */
    .title h1 {
        font-size: 1.8rem !important; /* Bigger company name */
    }
    
    .title2-card {
        font-size: 1.4rem !important; /* Better readable nav links */
    }

    /* LOGO ADJUSTMENT */
    .logo img {
        width: 65px !important; /* Bigger logo */
    }

    /* Hero Section - Adjust positioning for scaling */
    .webpage-img {
        width: 500px;
        left: 50px;
    }

    .navigation2--01{
        margin-top: 25px;
    }
    
    .navigation2--02 {
        width: 550px;
        margin-left: 0px;
        right: 20px;
        left: 50px;

        padding-right: 20px;;
        
    
        
    }

    .nav2-topic{
        margin-top: 5px;
    }
    
    
    
    /* Grid adjustments */
    .features-grid {
        gap: 20px;
        max-width: 95%;
    }
    
    .why-grid {
        gap: 25px;
        max-width: 100%;
    }
    
    /* Responsive Demo - Adjust for scaling */
    
    .mob-inner h4{
        position: relative;
        top: 40px;
    }
    

    .desk-inner h4{
        position: relative;
        bottom: 80px;
    }

    
    
    /* Contact Form */
    .container {
        width: 100%;
        margin: 50px auto;
    }
    
    /* Fix any overflow issues */
    html {
        overflow-x: hidden;
    }

}


@media (max-width: 655px) {
    body {

        zoom: 50%;
        
    }
    .gotopbtn{
        display: inline-block;
        transform: scale(0.8);  
        transform-origin: top left;
        position: fixed;
        width: 125%;
    }

    /* NAVIGATION TEXT FIXES ONLY */
    .title h1 {
        font-size: 1.8rem !important; /* Bigger company name */
    }
    
    .title2-card {
        font-size: 1.4rem !important; /* Better readable nav links */
    }

    /* LOGO ADJUSTMENT */
    .logo img {
        width: 65px !important; /* Bigger logo */
    }

    /* Hero Section - Adjust positioning for scaling */
    .webpage-img {
        width: 500px;
        left: 50px;
    }

    .navigation2--01{
        margin-top: 25px;
    }
    
    .navigation2--02 {
        width: 550px;
        margin-left: 0px;
        right: 20px;
        left: 50px;

        padding-right: 20px;;
        
    
        
    }

    .nav2-topic{
        margin-top: 5px;
    }
    
    
    
    /* Grid adjustments */
    .features-grid {
        gap: 20px;
        max-width: 95%;
    }
    
    .why-grid {
        gap: 25px;
        max-width: 100%;
    }
    
    /* Responsive Demo - Adjust for scaling */
    
    .mob-inner h4{
        position: relative;
        top: 40px;
    }
    

    .desk-inner h4{
        position: relative;
        bottom: 80px;
    }

    
    
    /* Contact Form */
    .container {
        width: 100%;
        margin: 50px auto;
    }
    
    /* Fix any overflow issues */
    html {
        overflow-x: hidden;
    }

}